<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>报表</title>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta http-equiv="Expires" CONTENT="0">
    <meta http-equiv="Cache-Control" content="no-siteapp,no-transform,no-store, no-cache, must-revalidate">
    <meta http-equiv="Pragma" content="no-cache">
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/>
    <link rel="stylesheet" href="/static/css/font.css">
    <link rel="stylesheet" href="/static/css/weadmin.css">
    <script type="text/javascript" src="/lib/layui/layui.js" charset="utf-8"></script>
    <link rel="stylesheet" href="/static/css/buildUnit/common.css">
    <style>
        body{
            background-image:url('/static/images/echartbg.png');
            background-position: 0 0;
            background-size:100%;
        }
        .echartmain{
            width:100%;
            height:100%;
        }
        .toptime{
            font-size:18px;
            color:#fff;
            text-align: right;
            padding-right:60px;
            padding-top:14px;
        }
        .echartmain .layui-tab .layui-tab-title{
            width:1034px;
            height:58px;
            margin:50px auto 0;
            color:#fff;
            background-image: url("/static/images/tabbg.png");
            background-size:100%;
            background-repeat:no-repeat;
            border:0;
            padding-left:382px;
            overflow:inherit;
        }
        .layui-tab .layui-tab-title{
            position: relative;
        }
        .layui-tab .layui-tab-title li:after{
            border:0;
        }
        .layui-tab .layui-tab-title li{
            width:81px;
            height:20px;
            position: relative;
            padding:25px 12px 0;
        }
        .layui-tab .layui-tab-title li img{
            width:81px;
            height:20px;
            position: absolute;
            left:12px;
            bottom:0;
        }
        .layui-tab-title .layui-this:after{display: none}
        .layui-tab-title li img:last-child{
            display: none;
        }
        .layui-tab-title .layui-this img:first-child{
            display: none;
        }
        .layui-tab-title .layui-this img:last-child{
            display: block;
        }
        .layui-tab{
            height:auto;
        }
        /*.layui-tab-content{*/
        /*    background:#0aa;*/
        /*    margin-top:30px;*/
        /*    padding:0;*/
        /*}*/
        .indexbtn{
            font-size:20px;
            color:#00e4ff;
            font-weight: bolder;
            background:none;
            border:0;
            position: absolute;
            top:25px;
            left:-140px;
            cursor: pointer;
        }
        .thisclosebtn{
            font-size:20px;
            color:#00e4ff;
            font-weight: bolder;
            background:none;
            border:0;
            position: absolute;
            right:-100px;
            top:25px;
            border-bottom:2px solid #00e4ff;
            cursor: pointer;
        }
        .layui-tab-bar{display: none}
        .layui-tab-item{
            overflow-y: auto;
        }
        .bing{
            width:400px;
            height:300px;
            border:1px solid #ccc;
        }
        .table{
            border:1px solid #f00;
        }
        h2{
            text-align: center;
            color: #02e4ff;
        }
    </style>
</head>
<body>
<div class="echartmain">
    <p class="toptime"></p>
    <div class="layui-tab">
        <ul class="layui-tab-title">
            <button class="indexbtn">首页</button>
            <li class="layui-this"><img src="/static/images/tab/tab-1-1.png" /><img src="/static/images/tab/tab-1-2.png" /></li>
            <li><img src="/static/images/tab/tab-2-1.png" /><img src="/static/images/tab/tab-2-2.png" /></li>
            <li><img src="/static/images/tab/tab-3-1.png" /><img src="/static/images/tab/tab-3-2.png" /></li>
            <li><img src="/static/images/tab/tab-4-1.png" /><img src="/static/images/tab/tab-4-2.png" /></li>
            <li><img src="/static/images/tab/tab-5-1.png" /><img src="/static/images/tab/tab-5-2.png" /></li>
            <li><img src="/static/images/tab/tab-6-1.png" /><img src="/static/images/tab/tab-6-2.png" /></li>
            <button class="thisclosebtn">退出</button>
        </ul>
        <div class="layui-tab-content">

            <!-- 总体统计 -->
            <div class="layui-tab-item layui-show"><br>
                <p style="text-align: center;font-size: 30px;color: #fe559f">
                    总工程数：100000  &nbsp;&nbsp;&nbsp;
                    竣工工程数：50000 &nbsp;&nbsp;&nbsp;
                    中止施工工程数：50000</p>
                <br>
                <table>
                    <tr>
                        <td><h2>各市质量巡查</h2><img src="images/柱图.png"></td>
                        <td rowspan="3"><div id="map" style="width: 1000px;height:800px;"></div></td>
                        <td rowspan="2"><div class="table layui-form" style="width:520px;">
                            <h2>各市综合统计</h2>
                            <table class="layui-table">
                                <colgroup><col width="60"><col width="100"><col width="100"><col width="130"></colgroup>
                                <thead><tr><th>地区</th><th>项目总数</th><th>总面积</th><th>总造价</th></tr></thead>
                                <tbody>
                                <tr><th>石家庄</th><th>1000</th><th>1000</th><th>1000</th></tr>
                                <tr><th>唐山</th><th>1000</th><th>1000</th><th>1000</th></tr>
                                <tr><th>保定</th><th>1000</th><th>1000</th><th>1000</th></tr>
                                <tr><th>邯郸</th><th>1000</th><th>1000</th><th>1000</th></tr>
                                <tr><th>石家庄</th><th>1000</th><th>1000</th><th>1000</th></tr>
                                <tr><th>唐山</th><th>1000</th><th>1000</th><th>1000</th></tr>
                                <tr><th>保定</th><th>1000</th><th>1000</th><th>1000</th></tr>
                                <tr><th>邯郸</th><th>1000</th><th>1000</th><th>1000</th></tr>
                                <tr><th>石家庄</th><th>1000</th><th>1000</th><th>1000</th></tr>
                                <tr><th>唐山</th><th>1000</th><th>1000</th><th>1000</th></tr>
                                <tr><th>保定</th><th>1000</th><th>1000</th><th>1000</th></tr>

                                </tbody>
                            </table>
                        </div></td>
                    </tr>
                    <tr>
                        <td><h2>各市质量验收</h2><img src="images/柱图.png"></td>
                    </tr>
                    <tr>
                        <td><h2>各市竣工验收</h2><img src="images/柱图.png"></td>
                        <td><h2>企业项目数TOP5</h2><img src="images/top5.png"></td>
                    </tr>
                </table>
            </div>

            <!-- 项目分析 -->
            <div class="layui-tab-item">
                <br>
                <p style="text-align: center;font-size: 30px;color: #fe559f">
                    重点项目数：100000  &nbsp;&nbsp;&nbsp;
                    装配式建筑数：50000 &nbsp;&nbsp;&nbsp;
                    被动房建筑数：50000</p>
                <br><br>
                <table>
                <tr>
                    <td class="bing"><h2>本月新增项目数【项目数 | 装配式 | 被动房】</h2><img src="images/今日质量巡查.png"></td>
                    <td>
                        <div class="table layui-form" style="width:520px;">
                            <h2>各市项目分布（滚动显示）</h2>
                            <table class="layui-table">
                                <colgroup>
                                    <col width="60">
                                    <col width="100">
                                    <col width="100">
                                    <col width="130">
                                    <col>
                                </colgroup>
                                <thead>
                                <tr>
                                    <th>序号</th>
                                    <th>地区名</th>
                                    <th>项目总数</th>
                                    <th>装配式建筑个数</th>
                                    <th>被动房建筑个数</th>
                                </tr>
                                </thead>
                                <tbody id="projectFb"></tbody>
                            </table>
                        </div>
                    </td>
                    <td class="bing" id="zbAnnualTrend"></td>
                </tr>
                <tr>
                    <td><h2>年度项目数趋势</h2><img src="images/柱图.png"></td>
                    <td><h2>年度面积趋势</h2><img src="images/柱图.png"></td>
                    <td><h2>年度投资额趋势</h2><img src="images/柱图.png"></td>
                </tr>
                <tr>
                    <td><h2>各市项目数占比</h2><img src="images/各市占比.png"></td>
                    <td><h2>各市面积占比</h2><img src="images/各市占比.png"></td>
                    <td><h2>各市投资额占比</h2><img src="images/各市占比.png"></td>
                </tr>
                <tr>
                    <td class="bing" id="prjCountGroupByScale"></td>
                    <td class="bing" id="purpose"></td>
                </tr>
            </table></div>

            <!-- 质量巡查 -->
            <div class="layui-tab-item"><table>
                <tr>
                    <td class="bing"><h2>今日巡查数【巡查数 | 一般问题数 | 较大问题数 | 严重问题数】</h2><img src="images/今日质量巡查.png"></td>
                    <td><div class="table layui-form" style="width:400px;">
                        <h2>各市质量巡查次数排名</h2>
                        <table class="layui-table">
                            <colgroup>
                                <col width="60">
                                <col>
                                <col>
                            </colgroup>
                            <thead>
                            <tr>
                                <th>序号</th>
                                <th>地区名</th>
                                <th>巡查次数</th>
                            </tr>
                            </thead>
                            <tbody id="xuncha"></tbody>
                        </table>
                    </div></td>
                    <td><div class="table layui-form" style="width:520px;">
                        <h2>各市超期未整改排名</h2>
                        <table class="layui-table">
                            <colgroup>
                                <col width="60">
                                <col width="140">
                                <col width="140">
                                <col>
                            </colgroup>
                            <thead>
                            <tr>
                                <th>序号</th>
                                <th>单位/地区名称</th>
                                <th>超期未整改数量</th>
                                <th>平均超期时长（天）</th>
                            </tr>
                            </thead>
                            <tbody id="overtime"></tbody>
                        </table>
                    </div></td>
                </tr>
                <tr>
                    <td class="bing" id="qlyInsCountGroupByStatus"></td>
                    <td class="bing" id="queCountGroupByLevel"></td>
                    <td class="bing" id="queCountGroupByType"></td>
                </tr>
                <tr>


<!--                    <td><div class="table layui-form" style="width:520px;">-->
<!--                        <h2>施工单位超期未整改排名</h2>-->
<!--                        <table class="layui-table">-->
<!--                            <colgroup>-->
<!--                                <col width="60">-->
<!--                                <col>-->
<!--                                <col>-->
<!--                                <col>-->
<!--                            </colgroup>-->
<!--                            <thead>-->
<!--                            <tr>-->
<!--                                <th>序号</th>-->
<!--                                <th>单位/地区名称</th>-->
<!--                                <th>超期未整改数量</th>-->
<!--                                <th>平均超期时长（天）</th>-->
<!--                            </tr>-->
<!--                            </thead>-->
<!--                            <tbody id="sgdwovertime"></tbody>-->
<!--                        </table>-->
<!--                    </div></td>-->
                </tr>
            </table></div>

            <!-- 质量验收 -->
            <div class="layui-tab-item"><table>
                <tr>
                    <td class="bing"><h2>今日验收数<br>1200</h2></td>
                    <td><h2>年度质量验收数量<br>(点击年度，下面柱图切换年份显示)</h2><img src="images/柱图.png"></td>
                    <td class="bing" id="qlyAccCountGroupByType">2020 项目类型竣工占比</h2><img src="images/各市占比.png"></td>
                </tr>
                <tr>
                    <td colspan="2">
                        <div class="table" style="width:900px;text-align: center">
                            <h2>2020年度 各市质量验收类型综合统计排名</h2>
                            <table id="dataList" lay-filter="test"></table>
                        </div>
                    </td>
                    <td class="bing" ><h2>2020 项目类型验收次数占比</h2><img src="images/各市占比.png"></td>
                </tr>
            </table></div>

            <!-- 竣工验收 -->
            <div class="layui-tab-item"><table>
                <tr>
                    <td class="bing"><h2>今日数量【竣工申请|完成竣工|竣工驳回】</h2><img src="images/今日质量巡查.png"></td>
                    <td><h2>年度竣工验收数量<br>(点击年度，下方切换年份显示)</h2><img src="images/柱图.png"></td>
                    <td><h2>2020年月度竣工验收数量</h2><img src="images/柱图.png"></td>
                </tr>
                <tr>
                    <td colspan="2">
                        <div class="table" style="width:1000px;">
                            <h2>2020 各市竣工验收统计</h2>
                            <table id="zlpm" lay-filter="test"></table>
                        </div>
                    </td>
                    <td><h2>2020 项目类型竣工占比</h2><img src="images/各市占比.png"></td>


                </tr>


            </table></div>

            <!-- 企业分析 -->
            <div class="layui-tab-item"><table>
                <tr>
                    <td class="bing" id="yearPrjCountOfCompany"></td>
                    <td>
                        <div class="table" style="width:500px;">
                            <h2>各企业在建项目数排名</h2>
                            <table id="zlys" lay-filter="test"></table>
                        </div>
                    </td>
                    <td>
                        <div class="table" style="width:500px;">
                            <h2>各市在建项目数排名</h2>
                            <table id="szjpm" lay-filter="test"></table>
                        </div>
                    </td>
                </tr>
            </table></div>
        </div>
    </div>
</div>



<script src="/static/js/main.js"></script>
<script src="/static/js/echarts.min.js"></script>
<script>
    layui.use(['jquery','element','form','configureCom','configure','echartsCom','table'],function(){
        var $ = layui.jquery;
        var element = layui.element;
        var table = layui.table;
        var form = layui.form;
        var configureCom = layui.configureCom;
        var echartsCom = layui.echartsCom;


        var baseQueryData = {
            "provinceNum": "130000",
            "years": "2016-2020"
        };



        var markdata=[];//这是为了给地图上添加气泡图标,拿取备用数据
        //取得json的样式，读取json文件
        $.getJSON("mapData/hebei/datas.json", "", function(data) {
            markdata=convertData(data.features)
            //生成地图
            createMap(data);
        })
        //生成地图
        function createMap(data){
            echarts.registerMap('hebei',data);
            var chart = echarts.init(document.getElementById('map'));
            chart.setOption({
                dataRange: {
                    min: 0,//颜色区间的最小值
                    max: 50,//颜色区间的最大值，和data中的最大值一致
                    x: 'left',
                    y: 'bottom',
                    text:['高','低'], // 文本，默认为数值文本
                    calculable : true,
                    inRange: {
                        //颜色区间
                        color: ['lightskyblue','yellow', 'orangered','red',"#5fecff"]
                    }
                },
                tooltip : {
                    show:true,
                    formatter: '在建工程<br /> {b}: {c0}'
                },
                series: [{
                    type: 'map',
                    map: 'hebei',
                    itemStyle:{
                        normal:{label:{show:true}},
                        emphasis:{label:{show:true}}
                    },
                    // [{coord,name,value},...]
                    data:markdata,
                    markPoint:{
                        // 'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow', path://m 0,0 h 48 v 20 h -30 l -6,10 l -6,-10 h -6 z,  path://m 0,0 h 48 v 20 h -34 l -6,10 l -6,-10 h -2 z
                        symbol: 'circle',
                        symbolSize: 50,
                        itemStyle: {
                            normal: {
                                borderColor: '#33CBFF',
                                color:'#33CBFF',
                                borderWidth: 1,            // 标注边线线宽，单位px，默认为1
                                label: {
                                    show: true
                                }
                            }
                        },
                        data:markdata
                    }
                }]
            });
        }

        //处理整合   气泡图标数据
        function convertData(arrs){
            var markdata=[];
            //按照顺序显示数量[石家庄、.....]
            var valuess=[500000,20,0,30,15,25,48,10,5,38];
            for(var i=0; i<arrs.length; i++){
                markdata.push({})
                if(arrs[i].properties.name=='石家庄市'){
                    markdata[i].coord=new Array(parseFloat(arrs[i].properties.center[0])+0.1,parseFloat(arrs[i].properties.center[1])-0.18);
                    console.log(markdata[i])
                }else{
                    markdata[i].coord=arrs[i].properties.center;
                }
                markdata[i].name=arrs[i].properties.name;

                markdata[i].value=valuess[i]
            }
            return markdata
        }
























        //工程规模分析--饼图
        var myChart1 = echarts.init(document.getElementById('prjCountGroupByScale'));

        configureCom.postAjax('/api/report/prj/prjCountGroupByScale',baseQueryData).then(function(res){
            echartsCom.bing('工程规模分析',res.data).then(function(option){
                myChart1.setOption(option);
            });
        });
        //工程用途分析 - 默认:饼图
        var myChart2 = echarts.init(document.getElementById('purpose'));

        configureCom.postAjax('/api/report/prj/purpose',baseQueryData).then(function(res){
            echartsCom.bing('工程用途分析 TOP5',res.data).then(function(option){
                myChart2.setOption(option);
            });
        });
        //各市项目分布--表格
        configureCom.postAjax('/api/report/prj/distribute',baseQueryData).then(function(res){
            var html = '';
            var data = res.data;
            $.each(data, function(i, item){
                html += '<tr>' +
                    '        <td>'+(i+1)+'</td>' +
                    '        <td>'+item.district+'</td>' +
                    '        <td>'+item.prjCount+'</td>' +
                    '        <td>'+item.zpsCount+'</td>' +
                    '        <td>'+item.bdfCount+'</td>' +
                    '   </tr>'
            });
            $('#projectFb').html(html);
        });
        //省级 - 装配式Z、被动房B 建筑走势trend - 折线图
        var myChart3 = echarts.init(document.getElementById('zbAnnualTrend'));
        configureCom.postAjax('/api/report/prj/zbAnnualTrend',baseQueryData).then(function(res){
            var data = res.data;
            var legend = [];
            $.each(data,function(index, item){
                legend.push(item.name);
            });
            var xseries = [];//x轴
            $.each(data[0].data,function(index,item){
                xseries.push(item.name);
            });
            var series = [];
            $.each(data,function(i, item){
                var a = {};
                a.type = 'line';
                a.name = item.name;
                var arr = [];
                $.each(item.data,function(j,val){
                    arr.push(val.value);
                });
                a.data = arr;
                series.push(a);
            });

            echartsCom.xian('省级 - 装配式Z、被动房B 建筑走势', xseries, series).then(function(option){
                myChart3.setOption(option);
            });
        });
        ///各市超期未整改排名 - 默认:表格
        configureCom.postAjax('/api/report/qly/ins/cityOverdueRanking',baseQueryData).then(function(res){
            var html = '';
            var data = res.data;
            $.each(data, function(i, item){
                html += '<tr>' +
                    '        <td>'+(i+1)+'</td>' +
                    '        <td>'+item.name+'</td>' +
                    '        <td>'+item.overdueCount+'</td>' +
                    '        <td>'+item.avgOverdueDays+'</td>' +
                    '   </tr>'
            });
            $('#overtime').html(html);
        });
        //各市质量巡查次数排名 - 默认:表格
        configureCom.postAjax('/api/report/qly/ins/qlyInsCountGroupByCity',baseQueryData).then(function(res){
            var html = '';
            var data = res.data;
            $.each(data, function(i, item){
                html += '<tr>' +
                    '        <td>'+(i+1)+'</td>' +
                    '        <td>'+item.district+'</td>' +
                    '        <td>'+item.qlyInsCount+'</td>' +
                    '   </tr>'
            });
            $('#xuncha').html(html);
        });
        //施工单位超期未整改排名 - 默认:表格
        // configureCom.postAjax('/api/report/qly/ins/sgdwOverdueRanking',baseQueryData).then(function(res){
        //     var html = '';
        //     var data = res.data;
        //     $.each(data, function(i, item){
        //         html += '<tr>' +
        //             '        <td>'+(i+1)+'</td>' +
        //             '        <td>'+item.name+'</td>' +
        //             '        <td>'+item.overdueCount+'</td>' +
        //             '        <td>'+item.avgOverdueDays+'</td>' +
        //             '   </tr>'
        //     });
        //     $('#sgdwovertime').html(html);
        // });
        //隐患状态等级占比 - 默认:饼图
        var myChart4 = echarts.init(document.getElementById('qlyInsCountGroupByStatus'));
        configureCom.postAjax('/api/report/qly/ins/qlyInsCountGroupByStatus',baseQueryData).then(function(res){
            echartsCom.bing('问题状态',res.data).then(function(option){
                myChart4.setOption(option);
            });
        });
        //质量问题等级占比 - 默认:饼图
        var myChart5 = echarts.init(document.getElementById('queCountGroupByLevel'));
        configureCom.postAjax('/api/report/qly/ins/queCountGroupByLevel',baseQueryData).then(function(res){
            echartsCom.bing('问题等级',res.data).then(function(option){
                myChart5.setOption(option);
            });
        });
        //质量问题类型占比 - 默认:饼图
        var myChart6 = echarts.init(document.getElementById('queCountGroupByType'));
        configureCom.postAjax('/api/report/qly/ins/queCountGroupByType',baseQueryData).then(function(res){
            echartsCom.bing('问题类型',res.data).then(function(option){
                myChart6.setOption(option);
            });
        });
        //验收类型统计 - 默认:柱状图
        var myChart7 = echarts.init(document.getElementById('qlyAccCountGroupByType'));
        configureCom.postAjax('/api/report/qly/acc/qlyAccCountGroupByType',baseQueryData).then(function(res){
            var data = res.data;
            var xArr = [];
            $.each(data,function(i, item){
                xArr.push(item.name);
            });
            var yArr = [];
            $.each(data,function(i, item){
                yArr.push(item.value);
            });
            //echartsCom.zhu( '2020年度 验收类型统计',xArr, '验收类型统计', yArr).then(function(option){
            echartsCom.bing('2020年度 验收类型统计',res.data).then(function(option){
                myChart7.setOption(option);
            });
        });
        //各市质量验收类型综合统计排名 - 默认:表格
        var cols = [[ //表头
            {type:'numbers',title:'序号'},
            {field: 'name', title: '单位名称/地区名称'},
            {field: 'djgcCount', title: '地基工程'},
            {field: 'fsgcCount', title: '防水工程'},
            {field: 'gjybgcCount',width:120, title: '钢筋隐蔽工程'},
            {field: 'hntgcCount', title: '混凝土工程'},
            {field: 'wmgcCount', title: '屋面工程'},
            {field: 'otherCount',width:90, title: '其他'},
            {field: 'sum',width:90, title: '总计'}
        ]];
        configureCom.newtableRenderNoPage('#dataList', '/api/report/qly/acc/cityRanking','',cols);
        //各企业在建项目数排名 - 默认:表格
        var cols = [[ //表头
            {type:'numbers',title:'序号'},
            {field: 'name', title: '企业名称'},
            {field: 'count', title: '在建项目数'}
        ]];
        configureCom.newtableRenderNoPage('#zlys', '/api/report/company/prjCountInConstructionCompanyRanking','',cols);

        //各市在建项目数排名 - 默认:表格
        var cols = [[ //表头
            {type:'numbers',title:'序号'},
            {field: 'name', title: '企业名称'},
            {field: 'count', title: '在建项目数'}
        ]];
        configureCom.newtableRenderNoPage('#szjpm', '/api/report/company/prjCountUnderConstructionCityRanking','',cols);

        //各市在建项目数排名 - 默认:表格
        var cols = [[ //表头
            {type:'numbers',title:'序号'},
            {field: 'district', title: '地区名'},
            {field: 'cptAccCount', title: '验收总次数'},
            {field: 'cptAccArea', title: '竣工面积（m2）'},
            {field: 'oncePassRate', title: '验收一次性通过次数'},
            {field: 'oncePassRate', title: '验收一次性通过率 (*100)%'}
        ]];
        configureCom.newtableRenderNoPage('#zlpm', '/api/report/cpt/acc/distribute',baseQueryData,cols);


        //各企业年度项目数
        var myChart8 = echarts.init(document.getElementById('yearPrjCountOfCompany'));
        configureCom.postAjax('/api/report/company/yearPrjCountOfCompany','').then(function(res){
            var data = res.data;
            var series = [];
            var xdata = [];
            $.each(data[0].data,function(i,item){
                xdata.push(item.name);
            });
            $.each(data,function(i, item){
                var a = {};
                a.type = 'line';
                a.name = item.name;
                var arr = [];
                $.each(item.data,function(j,val){
                    arr.push(val.value);
                });
                a.data = arr;
                series.push(a);
            });
            echartsCom.xian( '各企业年度项目数', xdata, series).then(function(option){
                myChart8.setOption(option);
            });
        });







































        $('.toptime').html(getNowDate());
        function getNowDate(){
            var date = new Date();
            var year = date.getFullYear();
            var month = date.getMonth() + 1;
            var date1 = date.getDate();
            var day = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六")[date.getDay()];
            var hour = date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
            var minute = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
            var second = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
            var currentTime = year + "年" + month + "月" + date1 + "日 " + " " + day;
            return currentTime;
        }

        var bheight = $('body').height();
        var timeheight = $('.toptime').height() + 14;
        var titheight = $('.layui-tab-title').height() + 50;
        $('.layui-tab-content .layui-tab-item').css('height',bheight - timeheight - titheight - 30 + 'px');


        $('.thisclosebtn').on('click',function(){
            window.close();
        });


    });
</script>
</body>
</html>